<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<%@ page contentType="text/html;charset=UTF-8" %>
<!doctype html>
<html>
<head>
    <title>主页</title>
    <%@include file="/static/common/common.jsp" %>
    <%--<link rel="stylesheet" href="/static/css/public.css">--%>
    <%--<link rel="stylesheet" href="/static/css/style.css">--%>
    <link rel="stylesheet" href="/static/plugins/bootstrap/bootstrap.min.css">
    <%--<link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">--%>
    <link rel="stylesheet" href="/static/plugins/font-awesome-4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="/static/plugins/scrollbar/jquery.mCustomScrollbar.min.css">
    <link rel="stylesheet" href="/static/css/iconfont/iconfont.css">
    <link rel="stylesheet" href="/static/css/other/index.css">

    <script src="/static/plugins/bootstrap/bootstrap.min.js"></script>
    <script src="/static/plugins/scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
    <script src="/static/js/other/noContextMenu.js"></script>
    <script src="/static/js/other/index.js"></script>
</head>
<body>

<div class="page-wrapper toggled">
    <%--侧边栏 start --%>
    <nav id="sidebar" class="sidebar-wrapper">
        <div class="sidebar-content">
            <a href="javascript:;" id="toggle-sidebar"><i class="fa fa-bars"></i></a>
            <div class="sidebar-brand">
                <a href="javascript:;">pro sidebar</a>
            </div>
            <div class="sidebar-header">
                <div class="user-pic">
                    <img class="img-responsive img-rounded" src="/static/image/head.gif" alt="">
                </div>
                <div class="user-info">
                    <span class="user-name"><shiro:principal property="username"/> <strong><shiro:principal
                            property="realname"/></strong></span>
                    <span class="user-role">Administrator</span>
                    <div class="user-status">
                        <a href="javascript:;"><span class="label label-success">Online</span></a>
                    </div>
                    <a href="/logout.do" class="btn btn-primary btn-sm" style="color: #FFF;margin-left: 20px;">注销</a>
                </div>
            </div><!-- sidebar-header  -->
            <div class="sidebar-search">
                <div>
                    <div class="input-group">
                        <input type="text" class="form-control search-menu" placeholder="Search for...">
                        <span class="input-group-addon"><i class="fa fa-search"></i></span>
                    </div>
                </div>
            </div><!-- sidebar-search  -->
            <div class="sidebar-menu">
                <ul id="myTree">
                    <img src="/static/image/loading.gif" alt=""
                         style="width: 54px;margin-top: 43px;margin-left: 123px;"/>
                </ul>
            </div><!-- sidebar-menu  -->
        </div><!-- sidebar-content  -->

        <div class="sidebar-footer">
            <a href="javascript:;"><i class="fa fa-bell"></i><span class="label label-warning notification">3</span></a>
            <a href="javascript:;"><i class="fa fa-envelope"></i><span class="label label-success notification">7</span></a>
            <a href="javascript:;"><i class="fa fa-gear"></i></a>
            <a href="javascript:;"><i class="fa fa-power-off"></i></a>
        </div>
    </nav><!-- sidebar-wrapper  -->
    <%--侧边栏 end --%>

    <%--主要界面 start--%>
    <div class="page-content">
        <%--顶部条--%>
        <div class="top-bar">
            <font color="javascript:;FFF">您好！<shiro:principal property="username"/> </font>
            <a href="/logout.do" class="btn btn-info" style="color: #FFF;margin-left: 20px;">安全退出</a>
        </div>
        <%-- 分页 --%>
        <div class="tab-main">
            <div id="myTabs" class="easyui-tabs" fit="true"></div>
        </div>
    </div>
    <%--主要界面 end--%>
</div><!-- page-wrapper -->

<%--右键菜单--%>
<div id="mm" class="easyui-menu" style="width:120px;">
    <div id="closeCurrent" name="closeCurrent">close</div>
    <div id="closeOthers" name="closeOthers">closeOthers</div>
    <div id="closeAll" name="closeAll">closeAll</div>
</div>

</body>
</html>